<#assign pageTitle = "资讯-${siteCompany.siteName!}" />
<#assign pageKeywords = "资讯,${siteCompany.siteName!}" />
<#assign pageDescription = pageTitle />
<#assign channelId = 4 />
<#assign pageHeader>
	<link rel="stylesheet" href="/static/css/public.css?${vstamp!}">
	<link rel="stylesheet" href="/static/qdxwx/css/global.css?${vstamp!}">
	<link rel="stylesheet" href="/static/qdxwx/css/web.css?${vstamp!}">
	<link rel="stylesheet" href="/static/qdxwx/css/theme.css?${vstamp!}">
</#assign>
<#assign pageContent>
	<div class="body-wrap">
	<div class="content-wrap">
		<section class="mt20 article-new-title clearfix">
			<article class="a-n-l-box fl w50">
				<div class="mr5">
					<div class="big-pic pic-box">
						<div class="nr-infor">
							<a href="/article/view/${topArticleList[0].articleId}.html">
								<section class="n-i-sebox">
									<h5 class="hLh30 fisze14 c-fff f-fM txtOf ml10 mr10 unFw">内容摘要：</h5>
									<div class="nr-i-zy">
										<p class="c-fff fsize14">
											${topArticleList[0].intro }.....
										</p>
									</div>
									<p class="nr-i-zy-btn tac">
										查看详情
									</p>
								</section>
							</a>
						</div>
						<a href="/article/view/${topArticleList[0].articleId}.html" class="pic-a-n">
							<img src="${staticSite}${topArticleList[0].cover }" alt="${topArticleList[0].title}">
						</a>
						<a href="/article/view/${topArticleList[0].articleId}.html" class="name-a-n">
							<span class="txtOf">${topArticleList[0].title}</span>
						</a>
					</div>
				</div>
			</article>
			<article class="a-n-r-box fl w50">
				<div class="ml10">
					<div class="small-pic clearfix mb10">
						<#list topArticleList as article>
							<#if (article_index>=1 && article_index<=2)>
								<div class="w50 fl">
									<div class="mr5 pic-box">
										<div class="nr-infor">
											<a href="/article/view/${article.articleId}.html">
												<section class="n-i-sebox">
													<h5 class="hLh30 fisze14 c-fff f-fM txtOf ml10 mr10 unFw">内容摘要：</h5>
													<div class="nr-i-zy">
														<p class="c-fff fsize14">
																${article.intro }.....
														</p>
													</div>
													<p class="nr-i-zy-btn tac">
														查看详情
													</p>
												</section>
											</a>
										</div>
										<a href="/article/view/${article.articleId}.html" class="pic-a-n">
											<img src="${staticSite}${article.cover }" alt="${article.title}">
										</a>
										<a href="/article/view/${article.articleId}.html" class="name-a-n">
											<span class="txtOf">${article.title}</span>
										</a>
									</div>
								</div>
							</#if>
						</#list>
					</div>
					<div class="small-pic clearfix">
						<#list topArticleList as article>
							<#if (article_index>=3 && article_index<=4)>
								<div class="w50 fl">
									<div class="mr5 pic-box">
										<div class="nr-infor">
											<a href="/article/view/${article.articleId}.html">
												<section class="n-i-sebox">
													<h5 class="hLh30 fisze14 c-fff f-fM txtOf ml10 mr10 unFw">内容摘要：</h5>
													<div class="nr-i-zy">
														<p class="c-fff fsize14">
																${article.intro }.....
														</p>
													</div>
													<p class="nr-i-zy-btn tac">
														查看详情
													</p>
												</section>
											</a>
										</div>
										<a href="/article/view/${article.articleId}.html" class="pic-a-n">
											<img src="${staticSite}${article.cover }" alt="${article.title}">
										</a>
										<a href="/article/view/${article.articleId}.html" class="name-a-n">
											<span class="txtOf">${article.title}</span>
										</a>
									</div>
								</div>
							</#if>
						</#list>
					</div>
				</div>
			</article>
		</section>
		<section class="i-article mt20">
			<div class="fl w70">
				<section class="bg-fff artil-list-box">
					<header class="comm-title all-article-title new-a-tit-r">
						<h2 class="fl tac">
							<span class="c-333">资讯列表</span>
						</h2>
					</header>
					<!-- /无数据提示 开始-->
					<#if articleList??>
						<#else>
						<section class="no-data-wrap">
							<em class="icon30 no-data-ico">&nbsp;</em> <span class="c-666 fsize14 ml10 vam">没有相关数据，小编正在努力整理中...</span>
						</section>
					</#if>
					<!-- /无数据提示 结束-->
					<article class="i-article-list">
						<!-- /资讯列表 开始-->
						<ul>
							<#if articleList??>
								<#list  articleList as article>
									<li>
										<aside class="i-article-pic">
											<a href="/article/view/${article.articleId}.html" title="${article.title }" target="_blank">
												<img src="${staticSite}${article.cover }" alt="${article.title }">
											</a>
										</aside> <!-- /web/article/showInfor/${article.articleId } -->
										<h3 class="hLh30 txtOf unFw">
											<a href="/article/view/${article.articleId}.html" target="_blank" title="${article.title }" class="i-art-title">${article.title }</a>
										</h3>
										<section class="i-q-txt mt10">
											<p>
												<span class="c-999 f-fA">${article.intro }</span>
											</p>
										</section>
										<section class="hLh20 mt10 pr10 a-list-extrainfo clearfix">
												<span class="fr">
													<em class="icon18 i-n-xqtime">&nbsp;</em>
													<tt class="c-999 f-fM">
														${article.updateTime?string('yyyy-MM-dd')}
													</tt>
												</span>
											<span class="fl">
													<a class="noter-dy mr30 c-999 f-fM" title="回答" href="/article/view/${article.articleId}.html">
														<em class="icon18">&nbsp;</em>
														<tt class="vam fsize12 f-fM">( ${article.commentCount } )</tt>
													</a>
													<a href="javascript: void(0);" title="赞一下" class="noter-zan f-fM c-999" onclick="addPraise('${article.articleId}',3)">
														<em class="icon18">&nbsp;</em>
														<tt class="addPraise${article.articleId}_3 praiseCount vam fsize12 f-fM">( ${article.praiseCount } )</tt>
													</a>
												</span>
										</section>
									</li>
								</#list>
							</#if>
						</ul>
						<!-- /资讯列表 结束-->
					</article>
					<!-- 公共分页 开始 -->
					<div class="paging" id="showPages"></div>
					<!-- 公共分页 结束 -->
				</section>
			</div>
			<!-- 好文推荐 -->
			<aside class="fl w30 articleRecommend">
				<div class="ml15 artil-list-box bg-fff">
					<header class="comm-title all-article-title new-a-tit-r">
						<h2 class="fl tac">
							<span class="c-333">资讯排行榜</span>
						</h2>
					</header>
					<section class="i-article-list r-art-wrap">
						<ul>
							<#if recommendList??>
								<#list recommendList as article>
									<li>
										<aside class="orderNum"><span>${article_index+1}</span></aside>
										<h3 class="hLh30 txtOf">
											<a href="/article/view/${article.articleId}.html" title="${article.title }" class="i-art-title">${article.title }</a>
										</h3>
									</li>
								</#list>
							</#if>
						</ul>
					</section>
				</div>
			</aside>
			<div class="clear"></div>
		</section>
	</div>
	<!-- /资讯列表 结束 -->
</div>
</#assign>
<#assign pageFooter>
	<script type="text/javascript" src="/static/js/page.js"></script>
	<script type="text/javascript">
		var options = {
			currentPage : ${page.currentPage}
			,totalPage : ${totalPages}
		};
		$(function () {
			showPages(options);
			scrollLoad(); //响应滚动加载课程图片
			//排行榜前3图标背景色
			$(".r-art-wrap>ul>li:lt(3)").addClass("lt2");
		});
	</script>
</#assign>
<#include "../layouts/layout.ftl">